<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" layout:decorator="index">
<head>
<meta charset="UTF-8" />
<title>Insert title here</title>

<!-- 引入 Bootstrap -->
<link href="../static/bootstrap-3.3.7-dist/css/bootstrap.min.css"
	rel="stylesheet"></link>
<!--springboot默认路径-->
<link href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet"></link>
<!--自己的样式-->
<link href="location.css" rel="stylesheet"></link>
<link href="../static/location.css" rel="stylesheet"></link>
<!-- HTML5 Shiv 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 -->
<!-- 注意： 如果通过 file://  引入 Respond.js 文件，则该文件无法起效果 -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
   <![endif]-->
<!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) -->
<script src="https://code.jquery.com/jquery.js"></script>
<!-- 包括所有已编译的插件 -->
<script src="../../static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<!--springboot默认路径-->
<script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>

<script>
//checkbox 全选/取消全选
       var isCheckAll = false;
       function swapCheck() {
           if (isCheckAll) {
               $("input[type='checkbox']").each(function() {
                   this.checked = false;
               });
               isCheckAll = false;
           } else {
               $("input[type='checkbox']").each(function() {
                   this.checked = true;
               });
               isCheckAll = true;
           }
}
</script>








</head>
<body>
	<div layout:fragment="content" class="content">

		<ol class="breadcrumb" th:each="funplace : ${funplace}">
			<li th:text="${funplace.name}"><a href="#"
				th:href="@{funplace.url}">系统管理</a></li>
			<li><a href="#">用户管理</a></li>
			<li class="active">用户添加</li>
		</ol>
		<table class="table">

			<thead>
				<button id="fat-btn" class="btn btn-primary" type="button">
					删除</button>
				<tr th:each="title : ${titles}">
					<th><label class="checkbox-inline"> <input
							type="checkbox" id="inlineCheckbox1" value="option1"
							onclick="swapCheck()" /> 全选
					</label></th>
					<th th:text="${title}">真实姓名</th>
					<th>性别</th>
					<th>用户名</th>
					<th>职务</th>
					<th>部门</th>
					<th>角色</th>
					<th>操作</th>
				</tr>
			</thead>
			<tbody>
				<tr class="active">
					<th><label class="checkbox-inline"> <input
							type="checkbox" value="小王" />
					</label></th>
					<td>小王</td>
					<td>小王</td>
					<td>小王</td>
					<td>小王</td>
					<td>小王</td>
					<td>小王</td>
					<td>查看</td>

				</tr>
				<tr class="success" th:each="userList : ${userList}">
					<th><label class="checkbox-inline"> <input
							type="checkbox" name="user" th:value="${user.name}" />
					</label></th>
					<td th:text="${userList.truename}">小虎</td>
					<td th:text="${userList.sex}">小虎</td>
					<td th:text="${userList.username}">小虎</td>
					<td th:text="${userList.position}">小虎</td>
					<td th:text="${userList.dept}">小虎</td>
					<td th:text="${userList.role}">小虎</td>
					<td>查看</td>

				</tr>


			</tbody>



		</table>


		<div class="pagestyle">
			<ul class="pager">
				<li><a href="#">上一页</a></li>
				<li><a href="#">当前 第<span>5</span>页/共<span>10</span>页
				</a></li>
				<li><a href="#">下一页</a></li>
			</ul>
		</div>
	</div>
</body>
</html>
